<!--
  Generated template for the MinePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="primary">
    <ion-title>Title</ion-title>
  </ion-navbar>
      
  <ion-searchbar id="search-bar" (ionInput)="ionInput($event)" placeholder='search' animated='true'></ion-searchbar>

</ion-header>


<ion-content>
  <!-- <video src="assets/video/water.mp4" controls="true" preload="auto" height="210" width="100%"></video> -->
  
   <!-- <ion-refresher (ionRefresh)="doRefresh($event)">
      <ion-refresher-content refreshingSpinner="circles" refreshingText="推荐中" pullingIcon="none" refreshingText="Refreshing..."></ion-refresher-content>
  </ion-refresher>
   <ion-slides pager="true" style="height:auto">
     <ion-slide>
       <ion-content style="height:100vh">
         <ion-list>
            <ion-list style="padding-top:14px;">
                <ion-item-group>
                  <ion-item-divider color="light">A</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">B</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">C</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">D</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">E</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">F</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">G</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
                <ion-item-group>
                  <ion-item-divider color="light">H</ion-item-divider>
                  <ion-item>Angola</ion-item>
                  <ion-item>Argentina</ion-item>
                </ion-item-group>
              </ion-list>
         </ion-list>
       </ion-content>
     </ion-slide>
     <ion-slide>
        <ion-content style="height:100vh">
          <ion-list>
            <ion-item>
              <ion-label>Peperoni</ion-label>
            </ion-item>
            <ion-item>
              <ion-label>Peperoni</ion-label>
            </ion-item>
          </ion-list>
        </ion-content>
      </ion-slide>
   </ion-slides>
   <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
      <ion-infinite-scroll-content
        loadingSpinner="bubbles"
        loadingText="Loading more data...">
      </ion-infinite-scroll-content>
  </ion-infinite-scroll> -->
</ion-content>


